<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>百度输入法</title>
	<style type="text/css">
    #box{
        width: 150px;
        height: 150px;
        margin: 0 auto;

    }
    #shurf{
    	display: none;
    }
	</style>

	<script type="text/javascript" >
		window.onload=function(){ 
		    var Obtn =document.getElementById('btn');
		    var Oshurf =document.getElementById('shurf');
		    var Oclose =document.getElementById('close');
		    //var 关键词  定义变量
		    // bool true false   真  假
		    
		    
		   off = true;
		   Obtn onclick =function(){
           if(off){
           Oshurf.style.display = "block"; 
           off = false;
           }
           	else{Oshurf.style.display = "none";
             off =true;
           	}
 

		   }

			Oclose.onclick = function(){
			 Oshurf.style.display = "none";	
			}
	 	}
	</script>

</head>
<body>
	<div id="box">
	   <input type="button" value="输入法" id="btn">
		    <div id="shurf">
			   	<li><a href = "javascript:;">首页</a></li>
			   	<li><a href = "javascript:">题目</a></li>
			   	<li id="close"><a href = "javascript:;">关闭</a></li>
		    </div>
	</div>
	
</body>
</html>